<!-- 项目文档列表展示 -->
<template>
  <div class="main-wrapper">
    <div v-for="item in fileList" :key="item.id">
      <el-tooltip class="item" content="点击下载" effect="light" placement="top">
        <a :href="getFullFileUrl(item.fileUrl)"><el-button type="text">{{ item.name }}</el-button></a>
      </el-tooltip>
    </div>
  </div>
</template>

<script>
import { getImageUrl } from '@/utils'
// import {  } from '@/'

export default {
  // import引入的组件需要注入到对象中
  components: {
  },
  props: {
    fileList: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    // 存放数据
    return {
    }
  },
  // 监听属性
  computed: {
  },
  // 监控data中的数据变化
  watch: {
  },
  // 生命周期 - 创建完成
  created() {

  },
  // 方法
  methods: {
    getFullFileUrl(name) {
      return getImageUrl(name)
    }
  }
}
</script>
<style lang='scss' scoped>
// @import url(); // 引入公共css类
.main-wrapper {
  margin-right: 2px;
}
</style>
